<template>
  <div class="border2" v-ant-ref="(c) => setChildrenRef('childrenE', c)">
    <h3>E 结点</h3>
    <span>数据test: {{ test }}</span>
  </div>
</template>
<script>
export default {
  components: {},
  inject: {
    // 注册子组件 就可以在根组件（A节点）拿
    // 子节点通过指令v-get-ref第一次绑定到元素时（bind生命周期），执行父级的回调callback: "setChildrenRef"，传递自己的实例给父节点A记录下来。
    setChildrenRef: {
      default: () => {}
    }
  },
  data() {
    return {
      test: 12
    }
  }
}
</script>
